// 页面过渡动画
document.querySelectorAll('a').forEach(link => {
    link.addEventListener('click', function(e) {
        const href = this.getAttribute('href');
        
        // 添加淡出动画
        const content = document.querySelector('.content');
        content.classList.add('fade-out');
        
        // 监听过渡结束事件
        content.addEventListener('transitionend', function() {
            // 确保路径是正确的完整路径
            window.location.href = new URL(href, window.location.origin).href;
        }, { once: true });
    });
});

// 背景图片缩放效果
window.addEventListener('load', function() {
    document.body.style.transform = 'scale(1.05)';
    document.body.style.transition = 'transform 1s ease'; // 确保过渡效果一致

    // 添加淡入动画
    const content = document.querySelector('.content');
    content.classList.add('fade-in');
});